//加载公共样式
require('../../assets/css/public.less')
//加载自己的样式
require('./ride.less');
//引入tabbar渲染函数
const renderTabbar = require('../../lib/tabbar/tabbar')
//获取axios工具函数
const request = require('../../lib/request/request.js')

// 引入渲染navbar函数
const navbar = require('../../lib/navbar/navbar.js')
// 获取元素
function $(sel) {
    return document.querySelector(sel)
}
window.onload = () => {
    //渲染tabbar
    renderTabbar('run')
    //渲染navbar
    navbar('ride')

    // 地图
    window._AMapSecurityConfig = {
        securityJsCode: '7b5322d0941693c799bb6320331d6d5b',
    }

    var map = new AMap.Map('container', {
        zoom: 11,//级别
        center: [116.397428, 39.90923],//中心点坐标
        viewMode: '3D'//使用3D视图

    });

    // 创建一个 Marker 实例：
    var marker = new AMap.Marker({
        position: new AMap.LngLat(116.39, 39.9),   // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
        title: '北京'
    });

    // 将创建的点标记添加到已有的地图实例：
    map.add(marker);

    // 地图插件
    AMap.plugin('AMap.ToolBar', function () {//异步加载插件
        var toolbar = new AMap.ToolBar();
        map.addControl(toolbar);
    });

    //获取用户运动数据
    function getUserInfo() {
        request.get('/api/exercise')
            .then(res => {
                console.log(res);
                //1 解构数据
                let { errno, data } = res.data
                //2 判断
                if (errno === 0) {
                    //3 处理业务逻辑数据
                    render(data)
                    console.log(data);
                }
            })
    }

    //渲染数据
    function render(data) {
        $('.distance').textContent = data.sum7Meter
        // $('.userName').src = data.nickName

    }
    //初始化获取用户信息
    getUserInfo()

}
